.tabWapperContainer {
  position: relative;
  background-color: #f7f6ff;
  :global(.at-tabs__header) {
    padding: 0 180px;
  }
  :global(.at-tabs) {
    background-color: #f7f6ff;
  }
  :global(.at-tabs__item) {
    color: #666;
  }
  :global(.at-tabs__item--active) {
    color: #333;
  }
  :global(.at-tabs__item-underline) {
    right: 0;
    width: 52px;
    height: 6px;
    margin: 0 auto;
    background-color: #f7d314;
  }
  // 清空所有数据的按钮
  .clearAllBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    background-color: #eee;
    border-radius: 24px;
    > text {
      color: #333;
      &:last-child {
        margin-left: 8px;
        font-size: 24px;
      }
    }
  }
}

// 滚动区域外层wapper的样式
.extendScrollContentWapper {
  height: calc(100vh - 88px);
}

// 滚动区域内容的样式
.extendScrollContent {
  padding: 0;
  background-color: #f7f6ff;
  :global(.at-swipe-action) {
    margin-top: 0;
  }
  :global(.at-swipe-action__content) {
    background-color: #f7f6ff !important;
  }
  > view {
    margin-top: 16px;
    background-color: #f7f6ff;
  }
}

// 提示框中的内容
.infoHeader {
  padding-top: 48px;
  padding-right: 20px;
  padding-left: 20px;
  > text {
    color: #333;
    &:nth-of-type(1) {
      font-weight: bold;
      font-size: 36px;
    }
    &:nth-of-type(2) {
      margin-top: 48px;
      color: #333 !important;
      font-size: 40px;
    }
  }
}

// 控制弹窗底部展示的按钮
.infoFooter {
  padding-right: 20px;
  padding-bottom: 32px;
  padding-left: 20px;
  > button {
    height: 100px !important;
    color: 999 !important;
    font-weight: bold !important;
    font-size: 28px !important;
    line-height: 100px !important;
    border: none !important;
    border-radius: 50px !important;
    &:nth-of-type(1) {
      color: #999 !important;
      background-color: #ececec !important;
    }
    &:nth-of-type(2) {
      color: #000 !important;
      background-color: #f7d314 !important;
    }
  }
}

// 控制量表中元素的样式
.evaluationItemWapper {
  margin-bottom: 0 !important;
  padding: 40px 40px 0 40px;
  background-color: #f7f6ff;
  > view {
    background-color: #fff;
  }
}

// 控制右滑展示的操作区域
.swiperActionItem {
  width: 50px;
  height: 110px;
  margin-right: 20px;
  font-size: 44px;
  border-radius: 50%;
  &&::before {
    margin-left: 1px;
  }
}

// 控制文章元素的右滑区域
.articleWapperClass {
  width: 100%;
  margin-top: 16px;
}
